<template>
  <div style="overflow: hidden">
    <audio id="music" :src="propValue.url" type="audio/mp3" controls></audio>
  </div>
</template>

<script>
export default {
  props: {
    propValue: {
      type: Object,
      require: true,
      default: "",
    },
    element: {
      type: Object,
      default: () => {},
    },
  },
};
</script>

<style lang="scss" scoped>
audio {
  // pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 2;
}
</style>
